<template>
    <gui-popup ref="guipopupContent" position="center" width="700rpx">
    <view>
      <view class="gui-relative " style="padding: 24rpx;border-radius: 30rpx;">
        <view style="text-align: center;font-weight: 600;margin: 30rpx 0;">{{ currName }}</view>
        <scroll-view :scroll-y="true" style="max-height:872rpx">
          <mp-html :content="gameContent" ></mp-html>  
        </scroll-view>
        <!-- 关闭按钮 -->
        <text class="gui-block demo-close gui-icons gui-color-white gui-absolute-rt"
          @tap.stop="closeContent">&#xe78a;</text>
      </view>
    </view>
  </gui-popup>
</template>

<script setup >
import { reactive,ref,defineEmits} from 'vue'

const props = defineProps({
  currName: {
    type: String,
    default:()=> ''
  },
  gameContent:{
    type: String,
    default:()=> ''
  }
})

const guipopupContent = ref('')
const show = ()=> guipopupContent.value.open()
const closeContent= ()=>{
  guipopupContent.value.close()
}
const emit = defineEmits(['ticketTime'])


defineExpose({ show })
</script>

<style  scoped>
::v-deep .gui-relative {
	background-image: url('https://cdn.duyumy.com/accessory/8873dbd392643d793897fed8d6c6b49baf092cd4.jpg?x-oss-process=image/quality,q_10/resize,m_fixed,h_200,w_200/format,png');
	background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
	min-height: 900rpx;
}

</style>